{seo.title}

/* eslint-disable max-statements */ import type { ParsedUrlQuery } from 'querystring'; import type { GetStaticPaths, GetStaticProps } from 'next'; import Head from 'next/head'; import { useRouter } from 'next/router'; import Script from 'next/script'; import { useIntl } from 'react-intl'; import { getLayout, Heading, LinksWidget, type MetaItemData, PageLayout, PostsList, Time, } from '../../components'; import { getAllThematicsSlugs, getThematicBySlug, getThematicsPreview, getTotalThematics, } from '../../services/graphql'; import styles from '../../styles/pages/blog.module.scss'; import type { NextPageWithLayout, PageLink, Thematic } from '../../types'; import { ROUTES } from '../../utils/constants'; import { getLinksItemData, getPageLinkFromRawData, getPostsWithUrl, getSchemaJson, getSinglePageSchema, getWebPageSchema, } from '../../utils/helpers'; import { loadTranslation, type Messages } from '../../utils/helpers/server'; import { useBreadcrumb, useSettings } from '../../utils/hooks'; export type ThematicPageProps = { currentThematic: Thematic; thematics: PageLink[]; translation: Messages; }; const ThematicPage: NextPageWithLayout = ({ currentThematic, thematics, }) => { const { content, intro, meta, slug, title } = currentThematic; const { articles, dates, seo, topics } = meta; const intl = useIntl(); const { items: breadcrumbItems, schema: breadcrumbSchema } = useBreadcrumb({ title, url: `${ROUTES.THEMATICS.INDEX}/${slug}`, }); const headerMeta: (MetaItemData | undefined)[] = [ { id: 'publication-date', label: intl.formatMessage({ defaultMessage: 'Published on:', description: 'ThematicPage: publication date label', id: 'UTGhUU', }), value: , }, dates.update ? { id: 'update-date', label: intl.formatMessage({ defaultMessage: 'Updated on:', description: 'ThematicPage: update date label', id: '24FIsG', }), value: , } : undefined, articles ? { id: 'total', label: intl.formatMessage({ defaultMessage: 'Total:', description: 'ThematicPage: total label', id: 'lHkta9', }), value: intl.formatMessage( { defaultMessage: '{postsCount, plural, =0 {No articles} one {# article} other {# articles}}', description: 'ThematicPage: posts count meta', id: 'iv3Ex1', }, { postsCount: articles.length } ), } : undefined, ]; const filteredMeta = headerMeta.filter( (item): item is MetaItemData => !!item ); const { website } = useSettings(); const { asPath } = useRouter(); const webpageSchema = getWebPageSchema({ description: seo.description, locale: website.locales.default, slug: asPath, title: seo.title, updateDate: dates.update, }); const articleSchema = getSinglePageSchema({ dates, description: intro, id: 'thematic', kind: 'page', locale: website.locales.default, slug: asPath, title, }); const schemaJsonLd = getSchemaJson([webpageSchema, articleSchema]); const thematicsListTitle = intl.formatMessage({ defaultMessage: 'Other thematics', description: 'ThematicPage: other thematics list widget title', id: 'KVSWGP', }); const topicsListTitle = intl.formatMessage({ defaultMessage: 'Related topics', description: 'ThematicPage: related topics list widget title', id: '/42Z0z', }); const pageUrl = `${website.url}${asPath}`; return ( <> {seo.title} {/*eslint-disable-next-line react/jsx-no-literals -- Name allowed */} {/*eslint-disable-next-line react/jsx-no-literals -- Content allowed */}